<template>
    <div class="contactus-box">
        <div style="height:0.9rem;"></div>
        <div class="contactus-banner">
            <img :src="imgurl" alt="">
        </div>
        <div class="item flex flex-align-center" style="margin-top:0.1rem">
            <img src="@/assets/img/contactus/lianxiwom-lianxiren.png" alt="">
            <p>联系人:{{name}}</p>
        </div>
        <div class="item flex flex-align-center">
            <img src="@/assets/img/contactus/lianxiwom-tel.png" alt="">
            <p>电话:{{tel}}</p>
        </div>
        <div class="item flex flex-align-center" style="margin-top:0.1rem">
            <img src="@/assets/img/contactus/lianxiwom-address.png" alt="" style="margin-top:-15px">
            <p>协会办公地址:<br>{{address}}</p>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            imgurl:'',
            name:'',
            tel:'',
            address:'',
        }
    },
    created () {
         this.$store.commit('setTitle',"联系我们");
         this.apiIndexContact();
    },

    methods: {
        async apiIndexContact(){
            let {data} = await this.https.get(this.api.apiIndexContact);
            this.imgurl = data.img;
            this.name = data.content.contacts;
            this.tel = data.content.phone;
            this.address = data.content.address.split("：")[1];
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../assets/css/contactus/contactus.less);
</style>


